<Doctype html>
<html>
	<Head>
		<Title>Bootstrap 3</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link href = "css/bootstrap.min.css" rel = "stylesheet">
		<link href = "css/styles.css" rel = "stylesheet">
		    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <style type="text/css">
      html { height: 100% }
      body { height: 350px; margin: 0; padding: 0; width:auto; }
      #map-canvas { height: 100% }
    </style>
    <script type="text/javascript"
      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCaATzSD05kG_o9lefdKCmI42UpXV9bYec&sensor=false">
    </script>
    <script type="text/javascript">
      function initialize() {
        var mapOptions = {
          center: new google.maps.LatLng(-34.397, 150.644),
          zoom: 8,
          mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(document.getElementById("map-canvas"),
            mapOptions);
      }
      google.maps.event.addDomListener(window, 'load', initialize);
    </script>
	
	
	</head>
	<body>
	
		<div class = "navbar navbar-inverse navbar-static-top">
			<div class = "container">
				<a href = "#" class = "navbar-brand">+</a>
			</div>
		</div>
		
		<div class = "container">
			
			  <div id="map-canvas"/>
			
			
		</div>
        
        <div class = "container">
        
            <div class = "row">
            
                <div class = "col-md-4"> 
                <div class = Nombre_del_evento>
                   <h4> <p> Ingrese el <b>Nombre </b> del evento </p> </h4>
                   <input id="Text1" type="text" />
                </div> 
                </div>
                
               <div class = "col-md-4"> 
                 <div class = Nombre_del_evento>
                   <h4> <p> Ingrese el <b>Dia y la Hora </b>del evento</p> </h4>
                   <input id="Text1" type="date" />
                   <input id="Text1" type="time" />
                </div>    
                </div>
                
                <div class = "col-md-4"> 
                 <div class = Nombre_del_evento>
                   <h4> <p> Ingrese el <b> Lugar</b>  del evento </p> </h4>
                   <input id="Text1" type="text" />
                 </div>   
                </div>
                
           
                
            </div>
            
        </div>
	<script src = "http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
	<script src = "js/bootstrap.js"></script>

	</body>
</html>